<template>
    <div class="funeral_title">
        {{title}}【{{szName}}】<span v-if="title2">({{ title2 }})</span>
    </div>
</template>
<script>
export default {
    props:['id','styles','value','data','index','appid','valsql','sign','time','exkey'],
    data(){
        return{
            title:"殡仪服务",
            szName:"",
            title2:""
        }
    },
    created(){
        if(this.exkey&&this.exkey.title){
            this.title=this.exkey.title
        }
    },
    methods:{

    },
    watch:{
        data:{
            handler: function (newVal) {
                this.szName=this.data["szInfo"].sz_ex3;
                let sz_ex29=this.data["szInfo"].sz_ex29;
                let sz_ex25=this.data["szInfo"].sz_ex25;
                let sz_ex27=this.data["szInfo"].sz_ex27;
                let sz_ex31=this.data["szInfo"].sz_ex31;
                let sz_ex26=this.data["szInfo"].sz_ex26;
                if(sz_ex31=="Y"){
                    this.title2="已取灰"
                }else  if(sz_ex26=="Y"){
                    this.title2="已火化"
                }else if(sz_ex29=="Y"){
                    this.title2="已结账"
                }else if(sz_ex29=="B"){
                    this.title2="有服务变更"
                }else if(sz_ex27=="A"){
                    this.title2="已冷藏"
                }else if(sz_ex25=="A"){
                    this.title2="已进厅"
                }
            },      
            deep: true    //深度监听
        }
    }
}
</script>
<style>
.funeral_title{
    width:100%;
    box-sizing: border-box;
    font-size:26px;
    font-weight:bold;
    color:brown;
    text-align:center;
}
</style>